<%@page import="study.top.mydb.items.PwQuestionItem"%>
<%@page import="study.top.mydb.PwQuestion"%>
<%@page import="study.top.mydb.items.MemberItem"%>
<%@page import="study.top.mydb.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ page session="true"%>
<%@ include file="dbcon.jsp" %>
<!DOCTYPE html>
<html lang="ko">
<%@include file="topHead.jsp" %>
<body>
<%@include file="topcategory.jsp" %>
<div class="top-tab top-hidden-xs">
	<%@include file="tab.jsp" %>
</div>
<%
	db.connect();

	if(mem_seq<0) {
		db.disconnect();
		web.openPopup("defaultPopup.jsp", null, "파라미터가 없습니다.");
	}	
	
	Member mem = new Member();
	MemberItem m_item = mem.show(mem_seq);
	
	if (m_item == null) {
		db.disconnect();
		web.openPopup("defaultPopup.jsp", null, "회원정보가 없습니다. 로그인 또는 회원가입을 해주세요.");
	}
	
	// 패스워드 확인 질문리스트를 가져온다.
	PwQuestion pq = new PwQuestion();
	ArrayList<PwQuestionItem> pq_list = pq.selectQeustionList();
	
	// DB접속 해제
	db.disconnect();
%>
	<div class="top-container top-margin-top-100">
	<div class="top-table-size4">
	<form id="uMemEdit" class="" role="form" method="post" action="uMemEditOk.jsp">
		<fieldset>
			<div>
				<input type="hidden" name="seq" value="<%=mem_seq%>">
				<label for="id" class="top-label1">아이디</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" id="id" placeholder="<%=m_item.getId()%> - 아이디는 수정이 불가능합니다." disabled="disabled">
					<input type="hidden" name="id" id="id" value="<%=m_item.getId()%>">
				</div>
			</div>
			<div>
				<label for="pw" class="top-label1">패스워드</label>
				<div class="top-inline-group">
					<input type="password" class="top-input" id="pw" placeholder="패스워드를 입력하세요." name="pw">
				</div>
			</div>
			<div>
				<label for="check_pw" class="top-label1">패스워드 확인</label>
				<div class="top-inline-group">
					<input type="password" class="top-input" id="check_pw" placeholder="패스워드를 입력하세요." name="check_pw">
				</div>
			</div>
			<div>
				<label for="pw_question_seq" class="top-label1">패스워드 확인시 질문</label>
				<div class="top-inline-group">
					<select id="pw_question_seq" name="pw_question_seq" class="top-input">
						<option>---- 선택하세요 ----</option>
						<%
							if (pq_list != null) {
								for (int i=0; i<pq_list.size(); i++) {
									PwQuestionItem pqitem = pq_list.get(i);
						%>
						<option value="<%=pqitem.getSeq()%>" <%if(m_item.getPw_question_seq() == pqitem.getSeq()) {%>selected <%}%>><%=pqitem.getPw_Qeustion()%></option>
						<%
								}
							}
						%>
					</select>
				</div>
			</div>
			<div>
				<label for="pw_as" class="top-label1">패스워드 확인시 답변</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" id="pw_as" name="pw_as" value="<%=m_item.getPw_as()%>" >
				</div>
			</div>
			<div>
				<label for="name" class="top-label1">이름</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" placeholder="<%=m_item.getName()%> - 이름은 수정이 불가능합니다." disabled="disabled">
					<input type="hidden"  name="name" id="name" value="<%=m_item.getName()%>" >
				</div>
			</div>
			<div>
				<label for="jumin" class="top-label1">주민번호</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" id="jumin" placeholder="주민번호는 암호화 되어 보관됩니다." disabled="disabled">
					<input type="hidden" name="jumin" id="jumin" value="<%=m_item.getJumin() %>">
				</div>
			</div>					
			<div>						
				<label for="email" class="top-label1">이메일</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" placeholder="이메일을 입력해주세요." id="email" name="email" value="<%=m_item.getEmail()%>">
				</div>
			</div>
			<input type="hidden" name="grade" value="<%=m_item.getGrade()%>">
			<div>
				<label for="zipcode" class="top-label1">우편번호</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" placeholder="'동'을 입력하고 오른쪽 버튼을 눌러주세요." id="zipcode" name="zipcode" value="<%=m_item.getZipcode()%>">
					<input type="button" class="top-sm-text top-btn-size1 top-btn-custom" name="zip_check" value="우편번호찾기">
				</div>								
			</div>
			<div>
				<label for="add1" class="top-label1">주소1</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" id="add1" placeholder="주소1을 입력하세요." name="add1" value="<%=m_item.getAdd1()%>">
				</div>
			</div>
			<div>
				<label for="add2" class="top-label1">주소2</label>
				<div class="top-inline-group">
					<input type="text" class="top-input" id="add2" placeholder="주소2을 입력하세요." name="add2" value="<%=m_item.getAdd2()%>">
				</div>
			</div>
			<br />
			<div class="top-inline-group">
				<button type="submit" class="top-btn-custom1 top-sm-text top-btn-size3 top-btn-custom">수 정 하 기</button>
				<button type="reset" class="top-sm-text top-btn-size3 top-btn-custom">다 시 작 성</button>
	       		<a href="uMemDelete.jsp?seq=<%=mem_seq%>"><input type="button" class="top-sm-text top-btn-size3 top-btn-custom" value="탈 퇴 하 기"></a>
			</div>
		</fieldset>
	</form>
	</div>
	<div class="top-margin-bottom-100"></div>
	</div>
	
	<div class="top-hidden-xs">
		<%@include file="topBottom.jsp" %>
	</div>
		
	<!-- 형식검사 클래스 참조 -->
	<script src="assets/js/string.js"></script>
	<!-- 구현 부분 -->
	<script type="text/javascript">
		$(function() {	
			// 디자인된 팝업창을 띄우는 함수
			function popup(str) {
				window.open("defaultPopup.jsp?title=" + str, "POP", "width=250,height=270,scrollbars=no");
			}
			
			$("input[name='zip_check']").click(function() {	
				// 우편번호 입력여부 검사
				if (!$("input[name='zipcode']").val().isValue()) {
					popup("동이름을 입력해주세요.");
					$("input[name='zipcode']").focus();
					return false;
				}
				
				// 동이름을 통해 "422-751 경기도 부천시 소사구 범박동"을 리턴
				$.ajax({
					url: "ajax/zipcode.jsp",
					data: "dong=" + $("input[name='zipcode']").val(),
					dataType: "text",
					timeout: 30000,
					cache: false,
					success: function(req) {
						if (req) {
							// 422-751
							var zip = req.substring(0, 7);
							// 경기도 ~ 끝까지
							var add1 = req.substring(8, req.length);
							popup("상세주소를 입력해주세요.");
							document.getElementById('zipcode').value = zip;
							document.getElementById('add1').value = add1;
						} else {
							popup("검색된 결과가 없습니다.\n직접 입력해 주세요.");
							document.getElementById('zipcode').value = "";
							document.getElementById('add1').value = "";
						}					
					},
					error: function(xhr, status, error) {
						popup("status: " + status + " / error-code: " + xhr.status + " " + error);	
					}
				});
			});	
			
			$("#uMemEdit").submit(function() {					
				// 아이디 입력여부 검사
				if (!$("input[name='id']").val().isValue()) {
					popup("아이디를 입력하세요.");
					$("input[name='id']").focus();
					return false;
				}
				 
				// 아이디 유효 검사
				if (!$("input[name='id']").val().isAlphabetNum()) {
					popup("아이디는 영어와 숫자값만 가능합니다.");
					$("input[name='id']").focus();
					return false;
				}
				
				// 패스워드 입력여부 검사
				if (!$("input[name='pw']").val().isValue()) {
					popup("패스워드를 입력하세요.");
					$("input[name='pw']").focus();
					return false;
				}
				
				// 패스워드 재확인 입력여부 검사
				if (!$("input[name='check_pw']").val().isValue()) {
					popup("패스워드 재확인을 입력하세요.");
					$("input[name='userid']").focus();
					return false;
				}
				
				// 패스워드와 패스워드 재확인 사이의 값이 같은지 확인
				if ($("input[name='pw']").val() != $("input[name='check_pw']").val()) {
						popup("패스워드 재확인값이 다릅니다. 다시입력해 주세요.");
					$("input[name='pw']").focus();
					return false;
				}
					// 패스워드 찾을때 질문
				if ($("select[name='pw_question_seq'] > option:selected").index() < 1) {
					popup("패스워드 질문을 선택하세요.");
					$("select[name='pw_question_seq']").focus();
					return false;
				}
					// 패스워드 찾을때 답변
				if (!$("input[name='pw_as']").val().isValue()) {
					popup("패스워드 답변을 입력하세요.");
					$("input[name='pw_as']").focus();
					return false;
				}
					// 이름 입력여부 검사
				if (!$("input[name='name']").val().isValue()) {
					popup("이름을 입력하세요.");
					$("input[name='name']").focus();
					return false;
				}
				
				// 주민번호 입력여부 검사
				if (!$("input[name='jumin']").val().isValue()) {
					popup("주민번호를 입력하세요.");
					$("input[name='jumin']").focus();
					return false;
				}
				
				// 작성된 주민번호 형식 검사
				if (!$("input[name='jumin']").val().isJumin) {
					popup("주민번호가 형식에 맞지 않습니다.");
					$("input[name='jumin']").focus();
					return false;
				}
					// 이메일 입력여부 검사
				if (!$("input[name='email']").val().isValue()) {
					popup("메일주소를 입력하세요.");
					$("input[name='email']").focus();
					return false;
				}
				
				// 작성된 이메일의 형식 검사
				if (!$("input[name='email']").val().isEmail()){
					popup("메일주소가 형식에 맞지 않습니다.");
					$("input[name='email']").focus();
					return false;
				}
					// 우편번호 입력여부 검사
				if (!$("input[name='zipcode']").val().isValue()) {
					popup("동이름을 입력해주세요.");
					$("input[name='zipcode']").focus();
					return false;
				}				
					// 주소1 형식 검사
				if (!$("input[name='add1']").val().isValue()) {
					popup("주소1을 입력해주세요.");
					$("input[name='add1']").focus();
					return false;
				}
				
				// 주소2 형식 검사
				if (!$("input[name='add2']").val().isValue()) {
					popup("주소2를 입력해주세요.");
					$("input[name='add2']").focus();
					return false;
				}
			});				
		});
	</script>
</body>
</html>